<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排行榜</title>

    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=640, user-scalable=no">

    <link rel="stylesheet" href="${resources}/css/common.css">
    <link rel="stylesheet" href="${resources}/css/ranking.css">
</head>
<body>
<div id="container">
    <div class="header">
        <a href="${path}/manage/vote/one" class="back"><img src="${resources}/vote/4_1.png">返回</a>
        <h3>有奖票选最美员工</h3>
    </div>
	<input id="path" type="hidden" value="${path}">
    <div class="content">
        <div>
            <ul id="list">
            	<#list empList as emp>
	                <li>
	                    <a href="#">
	                        <div class="imgBox">
	                            <img src="${emp.headimg}">
	                        </div>
	                        <div class="intro">
	                            <span>姓名： ${emp.name}</span>
	                            <span>工号：${emp.empNo}</span>
	                            <span>排名： ${emp_index+1}</span>
	                        </div>
	                        <div class="cr">
	                            <button onclick="vote(${emp.id})">投票</button>
	                            <span>${emp.votes}票</span>
	                        </div>
	                    </a>
	                </li>
                </#list>
            </ul>
            <div id="tip">上滑加载更多..</div>
        </div>
    </div>

    <div class="bottom"><img src="${resources}/vote/4_15.png"></div>
</div>
</body>
<script src="${resources}/scripts/jquery-2.2.2.min.js"></script>
<script src="${resources}/scripts/iscroll-probe.js"></script>
<script src="${resources}/scripts/ranking.js"></script>
<script>
function vote(id){
	window.location.href="${path}/manage/vote/empInfo/"+id;
}
    window.onload = function () {
        main.init();
        main.scroll();
    }
</script>
</html>